<template>
	<el-container class="page">
		<!-- 引入顶部栏组件 -->
		<el-header style="margin-bottom:20px; ">
			<Header></Header>
		</el-header>
		<el-container>
			<!-- 引入侧边栏组件 -->
			<el-aside class='aside'>
				<Side></Side>
			</el-aside>
			<!-- 引入主题内容组件 -->
			<el-main>
				<router-view/>
			</el-main>
		</el-container>
	</el-container>
</template>

<script>
	import Header from '@/components/Header.vue'//引入顶部栏组件
	import Side from '@/components/Side.vue'//引入侧边栏组件
	
	export default{
		name:'Home',
		data(){
			return{
				
			}
		},
		//定义子路由信息
		components:{
			Header,
			Side,
		}
	}
</script>

<style>
/*定义样式*/
/*侧边栏样式*/
.aside{
	color:#42B983;
	margin: 10px;
	padding: 25px;
}

/*页面样式*/
.page{
	display:flex;
	justify-content: center;
}

</style>